<!DOCTYPE html>
<html lang="en" xmlns="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人中心 - Happy Study</title>
    <meta name="keywords" content="Happy Study，快乐学习，开心学习，Java、C++、Python，在线平台，在线笔记，笔记平台，在线Java题库，Java自学平台">
    <meta name="description" content="Happy Study - Java、C++、Python、小程序等主流语言自学平台主流计算机语言在线自学平台">
    <link rel="shortcut icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/all.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/person.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.3.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/js/main.js}"></script>
    <script type="text/javascript" th:src="@{/js/util.js}"></script>
    <script type="text/javascript" th:src="@{/js/person.js}"></script>
</head>
<body>
<div class="main-div">
    <div th:replace="~{commons::headerbar(active='person')}"></div>
    <div class="bg">
        <div class="information">
            <div class="base-info">
                <div class="logo">
                    <div class="img">
                        <img th:if="${userEntity.headImgUrl != null && userEntity.headImgUrl != ''}" th:src="${userEntity.headImgUrl}" />
                    </div>
                </div>
                <div class="info-name">
                    <div class="nickname">[[${userEntity.nickName}]]<span><i th:if="${userEntity.sex == 1}" class="layui-icon layui-icon-male"></i>
                            <i th:if="${userEntity.sex == 2}" class="layui-icon layui-icon-female"></i></span></div><span class="user-id" th:text="${userEntity.id}"></span>
                    <div class="msg"><span th:if="${userEntity.sign == null}">TA很懒，啥也没干~~</span><span>[[${userEntity.sign}]]</span></div>
                    <div class="fans">
                        <div class="fs">
                            <div>0</div>
                            <div>粉丝</div>
                        </div>
                        <div class="gz">
                            <div>0</div>
                            <div>关注</div>
                        </div>
                        <div class="zan">
                            <div>0</div>
                            <div>被赞</div>
                        </div>
                    </div>
                    <div class="msg-text"><span>走自己的路，让别人去说吧~~~学自己的技术，让别人羡慕去吧~~~</span>
                        <span>
                            <button th:if="${!flag and session.userEntity != null and session.userEntity.id != userEntity.id}" class="layui-btn layui-btn-warm follow-btn"><i class="layui-icon layui-icon-add-circle"></i>关注TA</button>
                            <button th:if="${flag}" class="layui-btn cancel-follow-btn"><i class="layui-icon layui-icon-reduce-circle"></i>取消关注</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="own">
            <div class="layui-tab layui-tab-brief" lay-filter="person-friends-tab">
                <ul class="layui-tab-title">
                    <li class="layui-this">好友列表</li>
                    <li class="">收藏资料</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="friends">
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="collections">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div th:replace="~{commons::footerbar}"></div>
</div>
</body>
</html>
